html {
  box-sizing: border-box;
  width: 100%;
}

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  width: 100%;
  background-color: #FFF;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  box-sizing: inherit;
  font-family: inherit;
}

.aligh-right {
    float: right;
}

#root {
  height: 100%;
}

#body-content, .body-content > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 1432px;
}

@media (max-width: 2560px) {
  #body-content, .body-content > * {
    max-width: 1432px;
  }
}

@media (max-width: 1920px) {
  #body-content, .body-content > * {
    max-width: 1432px;
  }
}

.root {
  zoom: 1;
  height: 100%;

  @include clearfix();

  .main {
    position: relative;
    height: 100%;

    & > .left, & > .right {
      position: absolute;
      transition: 0.5s;
    }

    & > .left {
      z-index: 999;
      height: 100%;
    }

    & > .right {
      width: 100%;
      z-index: 100;
      height: 100%;
    }
  }
}
